<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
       body,div
       {
       	   margin:0 auto;
       	   text-align:center;
       } 
       
      .big
      {
      	position:relative;
      	height:324px;
      	width:1000px;
      	z-index:0;
      }
      .big img
      {
      	 width:1000px;
      	 height:324px;
      }
      .big .imgshow 
      {
      	 display:block;
      }
      .big .imghidden
      {
      	 display:none;
      }
      .sbox
      {
      	 top:220px;
      	 right:50px;
      	 position:absolute;
      	 width:430px;
      	 height:70px;
      	 z-index:1000;
      }
      .sbox img
      {
      	  width:70px;
      	  height:47px;
      	  border:solid 2px white;
      	  margin-right:5px;
      	  display:block;
      	  float:left;
      	  margin-top:15px;
      }
      .notebox
      {
      	top:280px;
      	left:0px;
      	position:absolute;
      	height:40px;
      	z-index:500;
      	width:1000px;
      	line-height:40px;
      	text-align:left;
        text-indent:20px;
        color:green;
        border-top:blue solid 2px;
      }
    </style>
    <script type="text/javascript">
        function play(index) //播放第index张图片
        {
            //每次播放时的任务，切换大图，bim+index的display:block, 更改小图 sim+index的margin-top:0px
           for(var i=1;i<=5; i++){
               var bigimg = document.getElementById("bim"+i);
               if(i==index)
               bigimg.className="imgshow";
               else
               bigimg.className="imghidden"
           }

            //准备播放下一幅图片
            for(var i=1;i<=5; i++){
               var bigimg = document.getElementById("sim"+i);
               if(i==index)
               smallimg.style.marginTop= 0 +"px";
               else
               smallimg.style.marginTop= 15 +"px";
           }
            index++;
            if(index == 5)
            index = 1;
            window.setTimeout("play(" + index + ")",1000);

        }
    </script>
</head>
<body>
   <div class="big">
       <img id="bim1" class="imgshow" src="/00418/images/msjmjsjmax.jpg" />
       <img id="bim2" class="imghidden" src="/00418/images/msxfdmax.jpg" />
       <img id="bim3" class="imghidden"  src="/00418/images/msxyk1zgmax.jpg" />
       <img id="bim4" class="imghidden"  src="/00418/images/msydhxmmax.jpg" />
       <img id="bim5" class="imghidden"  src="/00418/images/msydhxmmin.jpg" />
      <div class="sbox">
          <img  id="sim1"  src="/00418/images/msjmjsjmin.jpg" />
          <img id="sim2" src="/00418/images/msxfdmin.jpg" />
          <img id="sim3" src="/00418/images/msxyk1zgmin.jpg" />
          <img id="sim4" src="/00418/images/msydhxmmin.jpg" />
          <img id="sim5" src="/00418/images/" />
      </div>
      <div class="notebox">
        重要通知 
      </div>
   </div>
   <script type="text/javascript">
       play(1);
   </script>
</body>
</html>
